<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- 2.新制作一个页面，要求：
		       2.1 至少包含以下元素：3个DIV,标题，5个P标签，图片，列表 
		       2.2 分别实现 id,类，标签三种方式查找以上元素 -->
			   
			   <style type="text/css">
			   	#id1{
					width: 200px;
					height: 200px;
					border: 1px red solid;
				}
			   </style>
	</head>
	<body>
		<div id="id1" class="styDiv1">
			第一个DIV
		</div>
		<div id="id2" class="styDiv2">
			第二个DIV
		</div>
		<div id="id3" class="styDiv3">
			第三个DIV
			<p>1</p>
			<p>2</p>
			<p>3</p>
			<p>4</p>
			<p>5</p>
		</div>
		
	</body>
	<script type="text/javascript">
		//id
		var id1obj = document.getElementById('id1');
		console.log(id1Obj)
		//类
		var obj2 = document.getElementsByClassName('styDiv1')
		console.log(obj2)
		var obj3 = document.getElementsByClassName('styDiv2')
		console.log(obj3)
		var obj4 = document.getElementsByClassName('styDiv2')
		console.log(obj4)
		//标签
		var obj5 = document.getElementsByTagName('p')
		console.log(obj5)
		var obj6 = document.getElementsByTagName('div')
		console.log(obj6)
	</script>
</html>
